import React from 'react'
import { Layout, Menu, theme, Breadcrumb } from 'antd';
export default function SideMenu(props) {
  const { Sider, Header } = Layout;

  const items = props.items
  const {
    token: { colorBgContainer },
  } = theme.useToken();

  return (
    <Layout>
      <Sider trigger={null} collapsible style={{
        background: colorBgContainer,
      }}>
        <div style={{ flex: 1, overflow: "auto", paddingTop: "10px" }}>
          <Menu
            selectedKeys={props.HighlightMenu}
            items={items}
            defaultOpenKeys={props.openMenu}
            onClick={props.click}
          >

          </Menu>
        </div>
      </Sider >
      <Layout className="site-layout">

        {props.children}
      </Layout >
    </Layout >
  )
}
